<!DOCTYPE html>
<html>

	<head>
		<link rel="stylesheet" type="text/css" href="../php/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../php/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../php/css/animate.css" />
		
		<script type="text/javascript" src="../php/js/bootstrap.js"></script>
		<script type="text/javascript" src="../php/js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../php/js/bootstrap.min.js"></script>
	
		<script type="text/javascript">
		    $(document).ready(function() {
		    	$("#submit").click(function() {
					$.post("../php/php/Login.php"
					,
					{
					    name:$("#username").val(),
					    pawd:$("#password").val()
					}
					,
					function(data,status) {
						if (data == "success") {
							$("#success").text("success");
						} else {
							$("#success").text("fail");
							$("#username").focus();
						}
					});
				});
		    });
			
		</script>
	</head>

	<body>
		<nav class="">
			
		</nav>
		
		<form >
			<div>
				<input type="text" value="username" id="username" name="username"/>
				<br />
				<input type="password" value="password" id="password" name="password" />
				<br />
				<input type="button" value="submit" id="submit" /> <span id="success"></span>
			</div>
		
		</form>
		
	</body>

</html>